﻿@{
    ViewBag.Title = "Thông báo";
    Layout = "~/Views/Shared/FrontEndMasterLayout.cshtml";
}
@section cssjs{
    <script type="text/javascript" src="../../Scripts/Custom/jsNotificationBox.js"></script>
    <script type="text/javascript" src="../../Scripts/Custom/jsAllNotification.js"></script>
    <link rel="Stylesheet" type="text/css" href="../../Content/Pagination.css" />
}
@section rightColumn{
    <input type="hidden" name="typeNotification" value="@ViewBag.NotificationType"/>
    <div style="width: 650px;" id="notificationArea">
        <p style="margin-bottom: 15px; font-weight: bold; color: Green; padding: 5px 3px;
            border-left: 18px solid green; border: 1px solid green; text-align: center;">
            Thông báo</p>
        <div id="notificationBox">
            <ul class="menu">
                @if (ViewBag.NotificationType == "friend")
                {
                    <li id="friendNotifications" class="active" loaded="true">Bạn bè</li>
                }
                else
                {
                    <li id="friendNotifications" loaded="false">Bạn bè</li>
                }
                @if (ViewBag.NotificationType == "course")
                {
                    <li id="courseNotifications" class="active" loaded="true" style="margin: 0 2px -1px 2px;">
                        Lớp học</li>
                }
                else
                {
                    <li id="courseNotifications" class="" loaded="false" style="margin: 0 2px -1px 2px;">
                        Lớp học</li>
                }
                @if (ViewBag.NotificationType == "other")
                {   
                    <li id="otherNotifications" class="active" loaded="true" style="float: left; width: 38px;">
                        Khác</li>
                }
                else
                {
                    <li id="otherNotifications" class="" loaded="false" style="float: left; width: 38px;">
                        Khác</li>
                }
            </ul>
            <div style="clear: both;">
            </div>
            @if (ViewBag.NotificationType == "friend")
            {
                <div class="content friendNotifications" style="display: block; height: 450px;">
                </div>
            }
            else
            {
                <div class="content friendNotifications" style="display: none; height: 450px;">
                </div>
            }
            @if (ViewBag.NotificationType == "course")
            {
                <div class="content courseNotifications" style="display: block; height: 450px;">
                </div>
            }
            else
            {
                <div class="content courseNotifications" style="display: none; height: 450px;">
                </div>
            }
            @if (ViewBag.NotificationType == "other")
            {
                <div class="content otherNotifications" style="display: block; height: 450px;">
                </div>
            }
            else
            {
                <div class="content otherNotifications" style="display: none; height: 450px;">
                </div>
            }
        </div>
    </div>
}
